<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@ taglib uri="http://www.icesoft.com/icefaces/component" prefix="ice"%>
<html>
	<head>
		<%@include file="./general/head.jsp" %>
		<script type="text/javascript" src="../estilos/js/scripts.js"></script>
		<script type="text/javascript">
			function limpiarInputFile() {
				var iframeEl = document.getElementById('formulario:archivoCargar:uploadFrame');
				if ( iframeEl.contentDocument ) { // DOM
    				var form = iframeEl.contentDocument.getElementById('fileUploadForm');
    				//alert('Gecko: ' + form);
				} else if ( iframeEl.contentWindow ) { // IE win
    				var form = iframeEl.contentWindow.document.getElementById('fileUploadForm');
    				//alert('IE: ' + form);
				}
				
				if (form != undefined) {
					form.reset();
				}
			}
		</script>
	</head>
	<body class="body">
		<table width="800" border="0" align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
			<tr>
				<td valign="top" align="center">
		    		<%@include file="./general/head2.jsp" %>
				</td>
	  		</tr>
			<tr>
				<td valign="top" align="center">
					<ice:form id="formulario">
						<f:view>
							<!-- CARGA EL ARCHIVO DE ETIQUETAS -->
							<f:loadBundle basename="co.com.coomeva.adminEvaluacion.properties.etiquetas" var="etiqueta" />
							
							<ice:panelCollapsible expanded="true" toggleOnClick="true" style="width: 700px">
								
								<!-- TITULO -->
								<f:facet name="header">
									<ice:outputText value="#{etiqueta.title_CargueRelaciones}" />
								</f:facet>
								<br />
								<!-- ETIQUETAS Y CAMPOS -->
								<ice:panelGrid columns="2">
									<strong><ice:outputText value="#{etiqueta.lb_nombre_periodo_activo}: " /></strong>
									<strong><ice:outputText value="#{cargueRelaciones.nombrePeriodo}   " /></strong>
									<!--
									<ice:outputText value="#{etiqueta.lb_CodPeriodo} (*)     " />
									<ice:selectOneMenu value="#{cargueRelaciones.codPeriodo}">
										<f:selectItems value="#{cargueRelaciones.periodoItems}" />
									</ice:selectOneMenu>
									-->
									<ice:outputText value="#{etiqueta.lb_ArchivoCargar}  (*)      " />
			                       <ice:inputFile id="archivoCargar" actionListener="#{cargueRelaciones.subirArchivo}"
			                        value="#{cargueRelaciones.archivoCargar}"
			                        progressListener="#{cargueRelaciones.progressListener}" width="450"  label="Adjuntar"/>
	                        	</ice:panelGrid>
		                        <ice:panelGrid columns="1">
			              			<ice:outputProgress labelComplete="#{cargueRelaciones.archivoCargar}"
			              			 value="#{cargueRelaciones.fileProgress}" />
			              			 <br />
									<i>
                                    <ice:outputText  value="(*) #{etiqueta.lbl_obligatorio} " />  
                                    </i>
                                 </ice:panelGrid>  
                                 <br />                                  
                                 
								<br />
								<br />
								
								<!-- BOTONES -->
								<ice:panelGrid columns="2">
									<ice:commandButton value="#{etiqueta.btn_Guardar}"
										actionListener="#{cargueRelaciones.cargarArchivo}"
										onclick="if(!confirm('Realmente desea cargar este archivo?')){ return false; };" />									
									<ice:commandButton value="#{etiqueta.btn_Limpiar}"
										actionListener="#{cargueRelaciones.limpiar}" onclick="limpiarInputFile();" />								
								</ice:panelGrid>
								
								<!-- MENSAJE DE ERROR DE CONVERSION -->
								<!--<ice:messages visible="true" style="color:red;" />-->
                                <br />
								<ice:outputText value="#{cargueRelaciones.mensajeCargue}" style="color:red;" />
								
							</ice:panelCollapsible>

						</f:view>
					</ice:form>
				</td>
			</tr>
			<tr>
				<td>
					<%@include file="./general/footer.jsp" %>
				</td>
			</tr>
		</table>
		<%@include file="mensaje.jsp"%>
	</body>
</html>
